<template>
  <!-- 
  home是首页，其它页面都是嵌套在本页面里的router-view里
  这样内容区域的开发，我们只需要关心<router-view></router-view>即可，而这个router-view，也是真正要去开发的地方

  当前首页的中间主体部分由index.vue所决定
 -->
  <div>
    <nav-header></nav-header>
    <router-view></router-view>
    <nav-footer></nav-footer>
  </div>
</template>

<script>
import NavHeader from "./../components/NavHeader";
import NavFooter from "./../components/NavFooter";

export default {
  name: "nav-home",
  components: {
    NavHeader,
    NavFooter,
  },
};
</script>

<style>
</style>